<%@page import="java.util.ArrayList"%>
<%@page import="models.ProductModel"%>
<%@page import="java.util.List"%>
<%@page import="models.OrderModel"%>
<%@page import="java.util.Calendar"%>
<%@page import="models.GeoModel"%>
<%@page import="admin.data.GeoData"%>
<%@page import="com.google.appengine.api.blobstore.BlobKey"%>
<%@page import="com.google.appengine.api.images.ImagesServiceFactory"%>
<%@page import="com.google.appengine.api.images.ImagesService"%>
<%@page import="java.util.Locale"%>
<%@page import="java.text.NumberFormat"%>
<%@page import="models.DealModel"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	DealModel deal = (DealModel)request.getAttribute("deal");	
	List<ProductModel> listProduct = (ArrayList<ProductModel>) request.getAttribute("listProduct");	
	String city =(String)request.getAttribute("city");
	if(city==null){
		city = "ha-noi";
	}
	ImagesService imagesService = ImagesServiceFactory.getImagesService(); 	
%>
<jsp:include page="/layouts/header.jsp">
	<jsp:param name="language" value="1" />	
</jsp:include>	 
        	<div id="content_inner">
            	<div id="productDetailInfo" class="clearafter">
                	<div class="left">                    	
                    	<div id="orderCartPage">
							<h1>Giỏ hàng</h1>
							<%
								if(deal!=null){
							%>
							<script type="text/javascript">
								$(document).ready(function(){
									var unitPrice = <%=deal.getPriceDiscount()%>;	
									$(".unitQuantity").each(function () {
										var totalUnitPrice = unitPrice*$(this).val();								 		
								 		$("#totalPrice-" + $(this).attr("id")).text(addCommas(totalUnitPrice));										
									});																
								 	$(".unitQuantity").change(function() {	 								 		  
								 		  var totalUnitPrice = unitPrice*$(this).val();								 		
								 		  $("#totalPrice-" + $(this).attr("id")).text(addCommas(totalUnitPrice));
								 		  var total = 0;
								 		  $(".unitQuantity").each(function () {
												total += unitPrice*$(this).val();								 												 											
										  });	
								 		 $("#totalPrice").text(addCommas(total));
								 	});
								 	function addCommas(nStr)
								 	{
								 		nStr += '';
								 		x = nStr.split('.');
								 		x1 = x[0];
								 		x2 = x.length > 1 ? '.' + x[1] : '';
								 		var rgx = /(\d+)(\d{3})/;
								 		while (rgx.test(x1)) {
								 			x1 = x1.replace(rgx, '$1' + '.' + '$2');
								 		}
								 		return x1 + x2;
								 	}
								});
							</script>
                            <form method="post" action="/don-hang" class="cartList">
                            	<input type="hidden" name="dealId" value="<%=deal.getDealId()%>">
                            	<table cellpadding="0" cellspacing="0">
                                	<thead>
                                    	<tr>
                                        	<th width="50%">Deal</th>
                                            <th>Số lượng</th>
                                            <th>Đơn giá</th>
                                            <th>Thành tiền</th>
                                        </tr>
                                    </thead>
                                    <%
		                        		NumberFormat nf = NumberFormat.getNumberInstance(Locale.GERMAN);                                          	
		                        	%>
                                    <tbody>
                                    	<%
                                    		if(listProduct!=null&&listProduct.size()>0){
                                    			boolean got = false;
                                    			for(ProductModel product : listProduct){
                                    	%>
                                    	<tr>
                                        	<td><a href="/<%=deal.getDealId()%>/<%=deal.getAlias()%>.html"><%=product.getName() %></a></td>
                                            <td align="center">
                                            	<select name="<%=product.getProductId()%>" class="unitQuantity" id="<%=product.getProductId()%>">
                                            		<%
                                            			for(int i=0;i<=deal.getUserMaximum();i++){
                                            				if(!got){      
                                            					if(i==1){
                                            						got = true;
                                            					}
                                            				%>
                                            					<option value="<%=i%>" <%=(i==1)?"selected":""%>><%=i %></option>
                                            				<%                                                      				
                                            				}else{
                                        					%>
                                        						<option value="<%=i%>" <%=(i==0)?"selected":""%>><%=i %></option>
                                        					<%                                        						
                                            				}
                                            			}
                                            		%>
                                            	</select>                                            	                                       
                                            </td>
                                            <td align="center" class="price" id="price-<%=product.getProductId()%>"><%=nf.format(deal.getPriceDiscount()) %> VNĐ</td>
                                            <td align="center" class="redColor price"><span class="unitPrice" id="totalPrice-<%=product.getProductId()%>"><%=nf.format(deal.getPriceDiscount()) %></span> VNĐ</td>
                                        </tr>
                                        <%
                                    			}
                                    		}
                                        %>
                                        <tr>
                                        	<td></td>
                                            <td></td>
                                            <td align="center">Tổng tiền : </td>
                                            <td align="center" class="redColor price"><span id="totalPrice"><%=nf.format(deal.getPriceDiscount()) %></span> VNĐ</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="clearafter cartButton">
                                	<div class="left">
                                		<a onclick="return confirm('Bạn có chắc chắn muốn xóa đơn hàng này ?');" href="/don-hang/xoa">Xóa đơn hàng</a>
                                    </div>
                                    <div class="right">
                                    	<!-- <button type="submit" class="button blue">Cập nhật</button> -->
                                        <button type="submit" class="button blue">Thanh toán</button>
                                    </div>
                                </div>
                            </form>
                            <%
                            	if(deal.getProductType()==0){
                           	%>
                            <div class="voucherInfo">
                            	<p>Bạn sẽ nhận được voucher do onsale365 cung cấp sau khi thanh toán.</p>
                                <div>
                                    <img width="320" border="0" alt="" src="http://images.hotdeals.vn/images/thumbnails/51/320/h1.jpg" id="det_img_2084920719" class=" ">						
                                    <img width="320" border="0" alt="" src="http://images.hotdeals.vn/images/thumbnails/51/320/h2.jpg" id="det_img_1605166517" class=" ">				
                                </div>
                                <p class="bottom">Bạn phải đem theo voucher này đến NH Hương Sen để sử dụng dịch vụ!</p>
                            </div>
                            <%
                            	}
                            %>
                            <div class="deliveryInfo">
                            	<h3>Thông tin giao hàng</h3>
                                <div>
                                	<strong>Ghi chú:</strong> Hiện nay <strong>onsale365</strong> chưa thực hiện giao hàng ở một số khu vực sau: <br />
                                	<strong class="redColor">TP.HCM:</strong>
                                	<br />
                                    - Củ Chi, Hóc Môn, Bình Chánh, Quận 9, Cần Giờ, Nhà Bè, Thủ Đức, Quận 2 (phường Cát Lái), Quận 8 (P.15, P16)<br>
                                    <strong class="redColor">Hà Nôi:</strong>
                                    <br />
                                    - Quận Hà Đông: gồm các xã Kiến Hưng, Yên Nghĩa, Phú Lương, Phú Lãm, Dương Nội, Biên Giang, Đồng Mai.<br>
                                    - Huyện Từ Liêm: các khu vực ngoài Mỹ Đình, Mễ Trì.
                                    <br />
                                    Mong các bạn thông cảm và chọn địa chỉ khác phù hợp.
                                </div>
                            </div>
                            <%
								}else{
							%>	
									<p class="no-items">Giỏ hàng của bạn không có deal nào cả.</p>
									<div class="buttons-container center">
										<span class="button-action"><a class="" href="/<%=city%>">Tiếp tục mua deal</a></span>
									</div>
							<%
								}
							%>   
                        </div>
                    </div>
                    <div class="right rightSideBar">
                    	<jsp:include page="/elements/right_menu.jsp"/>
                    </div>
                </div>
            </div>   
<jsp:include page="/layouts/footer.jsp">
    <jsp:param name="language" value="1" />
</jsp:include>